<template>
	<view class="page-total">
		<view class="tab-list">
			<view class="list" v-for="(item,index) in TabBarList" @click="onTabBar(item,index)" :key="index">
				<image :src="item.acImg" mode="widthFix" v-show="tabBarShow === index"></image>
				<image :src="item.img" mode="widthFix" v-show="tabBarShow != index"></image>
				<text :class="{'action':tabBarShow===index}">{{item.name}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				codeheight: 0,
				isOverall: 0,
				phoneModel: '',
			};
		},
		props: {
			tabBarShow: {
				type: Number,
				default: 0,
			}
		},
		created() {
		},
		computed:{
			TabBarList(){
				return this.$store.getters.tabList
			}
		},
		mounted() {
			try {
				const res = uni.getSystemInfoSync();
				let that = this;
				// 获取系统信息
				uni.getSystemInfo({
					success(res) {
						// console.log(res.brand) //手机牌子
						// console.log(res.model) //手机型号
						// console.log(res.screenWidth) //屏幕宽度
						// console.log(res.screenHeight) //屏幕高度
						that.codeheight = Math.round(res.screenHeight);
						that.phoneModel = res.model
						if (res.model.search('iPhone')) {
							that.isOverall = 0;
						} else if (Math.round(res.screenHeight) > 740) {
							that.isOverall = 1;
						}
					}
				});
			} catch (e) {
				// error
			}
		},
		methods: {
			/**
			 * @param {Object} item
			 * @param {Number} index
			 */
			onTabBar(item, index) {
				// // this.tabBarShow = index;
				// switch (index){
				// 	case 0:
				// // #ifdef H5
				
				// // #endif
				
				// if (index == 2) {
				// 	console.log('2')
				// 	uni.navigateTo({
				// 		url: '/pages/fb/view'
				// 	})
				// }
				uni.switchTab({
					url: item.path
				})
				
				// 	break;
				// case 1:
				// 	wx.switchTab({
				// 		url:item.path
				// 	})
				// 	break;
				// case 2:
				// 	wx.switchTab({
				// 		url:item.path
				// 	})
				// 	break;
				// case 3:
				// 	wx.switchTab({
				// 		url:item.path
				// 	})
				// 	break;
				// case 4:
				// 	wx.switchTab({
				// 		url:item.path
				// 	})
				// 	break;
				// }
			}
		}
	}
</script>

<style scoped lang="scss">
	@import 'TabBar.scss';
</style>